@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family:"微软雅黑";}
ul,ol,li{ list-style:none;}
.left{ float:left;}
.right{ float:right;}
.clear{ clear:both;}
a{ text-decoration:none;}
img{ font-size:0; border:0;}

.title{ font-size:16px; color:#000000; font-weight:bold; line-height:30px;}
.title2{ font-family:"Arial";font-size:12px; color:#d1d1d1;line-height:30px; text-align:right;}
.title2 a{ color:#d1d1d1;}
.title2 a:hover{ text-decoration:underline;}

/**********area1***********/
.container{ width:1000px; height:auto; margin:0 auto;}

.area1{ height:420px; overflow:hidden;}
.newfocus{ width:810px; height:atuo; float:left; border-right:1px dashed #ececec; padding-right:15px;}
.newfocus .chen{ width:353px; height:auto; float:left;}
.newfocus .chen .content{width:100%; height:342px;background:#8b6e4a; margin-top:10px; position:relative; overflow:hidden; padding:3px;}
.newfocus .chen .content .storey1{position:absolute; bottom:0px; left:0px; width:100%; height:30px; text-align:center; color:#ffffff; font-size:14px; line-height:30px; background:url(../images/bg1.png);}
.newfocus .chen .content .storey2{position:absolute; top:342px; left:0px; width:100%; height:342px;}
.newfocus .chen .content .storey2 p{background:url(../images/bg1.png); color:#e9ddce; font-size:12px;  padding:10px; line-height:20px; height:100px; margin-top:242px;}
.newfocus .chen .content .storey2 p span{color:#ffffff; font-size:14px;text-align:center; display:block; width:100%; text-align:center; line-height:25px;}
.newfocus .chen .content .storey2 p a{ color:#ffffff;}
.newfocus .chen .content .storey2 p a:hover{ text-decoration:underline;}

.newfocus .more{ width:457px; height:auto;float:right;}
.newfocus .more .content{ background-color:#f8f8f8; height:308px; margin-top:10px; padding:20px 40px;}
.newfocus .more .content span a{ font-size:16px; color:#000000; font-weight:bold;}
.newfocus .more .content p{ font-size:12px; color:#666666; margin-top:10px; height:50px; line-height:22px; margin-bottom:10px;}
.newfocus .more .content .line{ width:90%; height:auto;}
.newfocus .more .content .line li{ width:100%;border-bottom:1px dotted #896c4a; padding-top:15px; line-height:25px;}
.newfocus .more .content .line li a{ font-size:12px; color:#666666;}
.newfocus .more .content .line li a:hover{color:#896c4a;}


#tabs1{ width:100%; margin-top:30px;}
#tabs1 li{ width:70px; height:30px; float:left; position:relative; margin-right:1px;}
#tabs1 li a{ display:block; width:100%; height:20px; line-height:20px; background-color:#000000; color:#ffffff; font-size:12px; text-align:center; position:absolute; bottom:0px; left:0px;}
#tabs1 li a:hover{ background-color:#896c4a; height:30px; line-height:30px; font-size:14px;}
#tabs1 li #active{ background-color:#896c4a; height:30px; line-height:30px; font-size:14px;}
#tab1context{ height:252px;}

.expert{ width:359px; height:auto; margin-left:15px; float:right;}
.expert span{ float:right;  margin-right:12px; font-size:12px; font-weight:500}
.expert span a{color:#d1d1d1;}
.banner_index{height:237px;position: relative;top:10px;overflow:hidden;width: 348px;}
.banner_index .btn,.banner_pro .bBtn{position: absolute;top:97px;width: 25px;height: 44px;display: block;z-index: 3;}
.banner_index .btnPre,.banner_pro .bPre{background: url(../images/bg_btnPre_index_hover.png) no-repeat 0 0;left:-24px;}

.banner_index .btnNext,.banner_pro .bNext{background: url(../images/bg_btnNext_index_hover.png) no-repeat 0 0;right:-24px;}

.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width: 1230px;float: left;}
.indexBanner_num{width:348px;margin: 0 auto;text-align: center;} 
.indexBanner_num a{width: 8px;height: 8px;display: inline-block;_zoom:1;background: url(../images/bg_num.png) no-repeat 0 0;font-size: 0px;line-height: 0px;margin:0 1px;}
.indexBanner_num a.on,.indexBanner_num a:hover{background: url(../images/bg_num_on.png) no-repeat 0 0;}

.zixun{ width:100%; height:auto;}
.zixun ul{ width:330px; height:91px; margin:25px auto 0 auto; overflow:hidden;}
.zixun ul li{ width:110px; height:91px; float:left;}
.zixun ul li a{ display:block; width:100%; height:182px; text-align:center;}
/**********area2***********/

.ad{ width:100%; height:132px; background:url(../images/ad.gif) no-repeat center; position:relative;}
.ad .burt{ width:120px; height:auto;  position:absolute; right:20px; top:50px;}

#tabs2{ width:100%; margin-top:30px;}
.area2{background-color: #fff;}
.tab2a{ width:298px; height:50px; float:left; position:relative; margin:0px 1px;float: left;}
.tab2a a{ display:block; width:100%; height:50px; line-height:50px;  color:#4C4B4B; font-size:16px; text-align:left; position:absolute; bottom:0px; left:0px;}
.tab2a a span{ color:#ccc2bb; font-size:16px; }
.tab2a a img{ vertical-align:middle;}
.tab2b{float: right;height:50px; line-height:50px;}
.tab2b a{color: #B2B2B2;}


#tab2context{ height:auto; clear:both; position:relative;}

#tab2context .btn{position: absolute;top:225px;width: 35px;height: 71px;display: block;z-index: 10000;}
#tab2context .btnPre{background:url(../images/tab1_arrowL.png) no-repeat 0 0;left:0px;}
#tab2context .btnNext{background:url(../images/tab1_arrowR.png) no-repeat 0 0;right:0px;}

.banner_index2{height:465px; width:976px; margin:0 auto; overflow:hidden;position: relative;}
.banner_index2 .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;height:445px;}
.banner_index2 .banner_wrap li{width: 976px; height:463px;float: left; position:relative;}
.banner_index2 .banner_wrap li .img1{ display:block; width:195px; height:150px; margin-bottom:20px; text-align:center; 
	float:left;margin-right: 6px;}
.banner_index2 .banner_wrap li .img1 img{width:195px; height:130px;margin-bottom: 10px;}
.banner_index2 .banner_wrap li .img2{ width:314px; height:220px;float:left; padding:10px 0px;margin-right: 10px;}
.banner_index2 .banner_wrap li .rb{border-right:1px dotted #e0e0e0;}
.banner_index2 .banner_wrap li .bb{border-bottom:1px dotted #e0e0e0;}

.banner_index2 .banner_wrap li .img2 .chen{ width:139px; height:155px; float:left;}
.banner_index2 .banner_wrap li .img2 .ling{ width:170px; height:155px; float:right;}
.banner_index2 .banner_wrap li .img2 .ling p{ color:#58595B; font-size:14px; margin-top:20px; line-height:20px; height:70px;
	width: 150px;margin: 0 auto;}
.banner_index2 .banner_wrap li .img2 .ling p span{color:#999999; font-size:12px;}
.banner_index2 .banner_wrap li .img2 .ling a{ width:42px; height:36px; float:left; display:block; text-align:center;}
.banner_index2 .banner_wrap li .img2 .ling .a1{ background:url(../images/tab1_b1.png) no-repeat center;margin-left: 10px;}
.banner_index2 .banner_wrap li .img2 .ling .a1:hover{ background-image:url(../images/tab1_bc1.png)}
.banner_index2 .banner_wrap li .img2 .ling .a2{ background:url(../images/tab1_b2.png) no-repeat center;}
.banner_index2 .banner_wrap li .img2 .ling .a2:hover{ background-image:url(../images/tab1_bc2.png)}

.banner_index2 .banner_wrap li .img2 .p2{ width:300px; color:#666666; font-size:12px;line-height:22px;margin: 0 auto;}
.banner_index2 .banner_wrap li .img2 .p2 a{ color:#F840A4;}
.banner_index2 .banner_wrap li .img2 .p2 a:hover{ color:#000000;}
.banner_index2 .banner_wrap li .img3{ display:block; width:346px; height:457px; border:3px solid #cccccc; position:relative; float:left; margin:0 5px;}
.banner_index2 .banner_wrap li .img3:hover{ border:3px solid #896c4a;}
.banner_index2 .banner_wrap li .bottom{ width:345px; height:112px; background-image:url(../images/bg3.png); position:absolute; left:0px; bottom:0px;}
.banner_index2 .banner_wrap li .bottom .p1{ color:#ffffff; font-size:16px; margin-top:10px; padding-left:10px; height:35px;}
.banner_index2 .banner_wrap li .bottom .p2{ color:#c7c7c7; font-size:12px; padding:0px 28px; line-height:22px;}
/************area3*************/
.area3{ height:550px;}
#tabs3{ width:100%; margin-top:30px;}
#tabs3 li{ width:298px; height:50px; float:left; position:relative; margin:0px 1px;}
#tabs3 li a{ display:block; width:100%; height:50px; line-height:50px; background-color:#4e3c2f; color:#ffffff; font-size:18px; text-align:center; position:absolute; bottom:0px; left:0px;}
#tabs3 li a img{ vertical-align:middle;}
#tabs3 li a:hover{ background-color:#896c4a;}
#tabs3 li #active{ background-color:#896c4a;}

#tab3context{ height:493px; clear:both; position:relative; background-color:#f8f8f8;}
#tab3context .nav{ position:absolute; top:0; left:1px; width:1198px; height:40px; background-image:url(../images/bg2.png);}
#tab3context .nav ul{ width:490px; height:40px; margin:0 auto;}
#tab3context .nav ul li{  height:auto; float:left; margin-right:10px;}
#tab3context .nav ul li a{ display:block; width:100%; height:40px; font-size:12px; color:#d6d6d6; line-height:40px; letter-spacing:3px; text-align:center; letter-spacing:0;}
#tab3context .nav p{text-align:center;}
#tab3context .nav p a{padding:0 10px;height:40px; font-size:12px; color:#d6d6d6; line-height:40px; }
#tab3context .nav p a:hover{ color:#ffffff;}
#tab3context .chen{ width:423px; height:493px; float:left; background-color:#ffffff;}
#tab3context .ling{ width:385px; height:auto; float:left; margin-top:100px; padding-left:30px;}
#tab3context .ling .h1{ height:50px; color:#333333; font-size:24px; text-align:center;}
#tab3context .ling p{ color:#333333; font-size:12px; line-height:22px; height:135px;}
#tab3context .ling p a{color:#333333;}
#tab3context .ling p a:hover{ text-decoration:underline;}
#tab3context .ling ul{ width:100%; height:auto;}
#tab3context .ling ul li{ width:170px; height:auto; float:left; border-bottom:1px dotted #d7d7d7; margin:7px 10px;}
#tab3context .ling ul li a{ display:block; width:100%; height:auto; font-size:12px; color:#666666; line-height:20px;}
#tab3context .ling ul li a:hover{ color:#896c4a;}
#tab3context .more{ width:325px; height:auto; float:right; position:relative; margin-top:100px;}
#tab3context .more .a1{ display:block; width:93px; height:31px; background:url(../images/tab2_a02.png) no-repeat center;}
#tab3context .more .img1{ width:100%; height:190px; margin-top:22px;}
#tab3context .more .img1 li{ width:150px; height:76px; float:left; margin:5px 6px;}
#tab3context .more .h3{ color:#000000; font-size:14px; font-weight:bold; height:30px;}
#tab3context .more .text1{ width:100%; height:100px;}
#tab3context .more .text1 li{ width:65px; height:24px; margin:2px 16px 2px 0px;; float:left;}
#tab3context .more .text1 li a{ display:block; width:100%; line-height:24px; color:#333333; font-size:12px; text-align:center;}
#tab3context .more .text1 li a:hover{ color:#ffffff; background:url(../images/tab2_a06.png) no-repeat center;}

/************area4*************/
.area4{ height:auto;}
#tab4a{ height:460px;}
#tab4b{ height:430px;}
#tab4c{ height:410px;}

#tabs4{ width:100%; margin-top:30px; height:65px;}
#tabs4 li{ width:398px; height:65px; float:left; position:relative; margin:0px 1px;}
#tabs4 li a{ display:block; width:100%; height:65px; line-height:65px; background-color:#4e3c2f; color:#ffffff; font-size:18px; text-align:center; position:absolute; bottom:0px; left:0px;}
#tabs4 li a img{ vertical-align:middle;}
#tabs4 li a:hover{ background-color:#896c4a;}
#tabs4 li #active{ background-color:#896c4a;}

#tab4context{ height:auto; clear:both; position:relative;padding-top:35px;}
#tab4context .layout1{ width:445px; height:445px; float:left;}
#tab4context .layout2{ width:297px; height:445px; float:left;}
.box01{ width:100%; position:relative;}
.box01 li{ float: left;text-align: center;cursor: pointer; z-index:0; position:relative; }
.box01 .li1{ width:297px; height:297px;}
.box01 .li1 img{ height:297px;}
.box01 .li2{ width:148px; height:148px;}
.box01 .li2 img{ height:148px;}
.box01 .li3{ width:297px; height:148px;}
.box01 .li3 img{ height:148px;}
.box01 .li4{ width:148px; height:297px;}
.box01 .li4 img{ height:297px;}
.box01 li .in{ position: absolute; left: 0; top: 0;width: 148px; }
.box01 li .in p{ display: none; text-align: left;}
.box01 li.on{ z-index:99;}
.box01 li.on .in{ padding: 5px; border: 1px solid #ccc; position:absolute;z-index:100; width:auto; text-align: center; top:-40px;  background: #fff;}
.box01 li.on .in p{ position:relative; display:block;}
.box01 li.on img{ height: auto; margin-bottom: 8px;}
.bsc{ background:url(../images/icon01.png) no-repeat; position:absolute; right:10px; width: 19px; height: 15px; font-size: 0; float:right;}

.banner_index3{height:475px;width:1090px; margin:0 auto; overflow:hidden;position: relative;}
.banner_index3 .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;height:389px; overflow:hidden;}
.banner_index3 .banner_wrap li{width: 1090px; height:389px;float: left; position:relative; margin:0 7px;}
.banner_index3 .banner_wrap li .img3{ display:block; width:258px; height:389px; border:3px solid #ffffff; float:left; margin:0 4px; position:relative;}
.banner_index3 .banner_wrap li .bottom{ width:255px; height:170px; background-image:url(../images/bg3.png); position:absolute; bottom:-127px; left:2px; color:#ffffff; font-size:18px; text-align:center; padding-top:10px;}
.banner_index3 .banner_wrap li .bottom span{ line-height:40px;}
.banner_index3 .banner_wrap li .bottom p{ color:#b7b7b7; font-size:12px; line-height:22px; text-align:left; padding:0px 18px; height:80px;}
.banner_index3 .banner_wrap li .bottom .aa1{ display:block; float:right; width:29px; height:36px; background:url(../images/sb_tab1_b1.png) no-repeat center; margin-right:20px;}
.banner_index3 .banner_wrap li .bottom .aa1:hover{ background-image:url(../images/sb_tab1_bc1.png)}
.banner_index3 .banner_wrap li .bottom .aa2{ display:block; float:right; width:29px; height:36px; background:url(../images/sb_tab1_b2.png) no-repeat center; margin-right:10px;}
.banner_index3 .banner_wrap li .bottom .aa2:hover{ background-image:url(../images/sb_tab1_bc2.png)}
#tab4context .btn{position: absolute;top:225px;width: 35px;height: 71px;display: block;z-index: 10000;}
#tab4context .btnPre{background:url(../images/tab1_arrowL.png) no-repeat 0 0;left:0px;}
#tab4context .btnNext{background:url(../images/tab1_arrowR.png) no-repeat 0 0;right:0px;}

#tab4c #company{ width:100%; height:auto; overflow:hidden;}
#tab4c #company li{ width:275px; height:178px; float:left; background:url(../images/tab3_cbg.jpg) no-repeat center; position:relative; overflow:hidden; margin:12px 12px;}
#tab4c #company li .defautl{ width:275px; height:178px; display:table;}
#tab4c #company li .middle{ width:275px; height:178px; display:table-cell; vertical-align:middle; text-align:center;}
#tab4c #company li .change{ width:275px; height:178px; display:table; position:absolute; top:0px; left:-275px; background-color:#ffffff; z-index:1000;}
#tab4c #company li .change span{ color:#333333; font-size:12px;}

